<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Happy Valentine's Day</title>
    <link rel="stylesheet" href="../css/jquery.fullPage.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div class="bgcolor">
        <div style="z-index:100;" id="dowebok">
            <!--第一屏-->
            <div class="section">
                <div class="ly-box01">
                    <div class="ly-txt01">
                        <p class="ly-stxt01">写你想写</p>
                        <p class="ly-stxt02">写你想写</p>
                        <p class="ly-stxt03">写你想写</p>
                        <p class="ly-stxt04">写你想写</p>
                        <p class="ly-stxt05">写你想写</p>
                    </div>
                    <div class="ly-txt02">
                        <p class="ly-stxt06">写你想写</p>
                        <p class="ly-stxt07">写你想写</p>
                        <p class="ly-stxt08">写你想写</p>
                        <p class="ly-stxt09">写你想写</p>
                        <p class="ly-stxt10">写你想写</p>
                    </div>
                </div>
            </div>

            <!--第二屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (19).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt12">

                    </div>
                    <div class="ly-imgbox11" style="height:80%">
                        <img class="ly-img11" src="../img/baby (20).jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box12">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (21).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt14">
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox11" style="height:50%">
                        <img class="ly-img11" src="../img/baby (22).jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle12"></div>

            </div>

            <!--第三屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint21"></div>
                <div class="ly-box21">
                    <div class="ly-txt21" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (23).jpg" style="width:200%;height:100%">
                    </div>
                    <div class="ly-txt22" style="left:10%;font-size: 38px">
                        <p>写</p>
                        <p>你</p>
                        <p>想</p>
                        <p>写</p>
                    </div>
                    <div class="ly-imgbox21">
                        <img class="ly-img21" src="../img/baby (24).jpg">
                    </div>
                </div>
                <div class="ly-triangle21"></div>

                <div class="ly-box22">
                    <div class="ly-txt23" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (25).jpg" style="width:200%;height:100%">
                    </div>
                    <div class="ly-txt24">
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox22">
                        <img class="ly-img22" src="../img/baby (26).jpg">
                    </div>
                </div>
                <div class="ly-triangle22"></div>

                <div class="ly-box23">
                    <div class="ly-txt25" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (27).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt26">
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox23" style="height: 50%">
                        <img class="ly-img23" src="../img/baby (28).jpg" style="height: 100%">
                    </div>
                </div>
                <div class="ly-triangle23"></div>
            </div>

            <!--第四屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint31"></div>
                <div class="ly-box31">
                    <div class="ly-txt31" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (29).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt32">
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox31" style="height:50%">
                        <img class="ly-img31" src="../img/baby (30).jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle31"></div>

                <div class="ly-box32">
                    <div class="ly-txt33" style="width:100%;height:15%;left:10%">
                        <img class="ly-img11" src="../img/baby (31).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt34">
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox31">
                        <img class="ly-img31" src="../img/baby (32).jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle32"></div>
            </div>

            <!--第五屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                    <div class="ly-txt11" style="width:100%;height:5%;left:10%">
                        <img class="ly-img11" src="../img/baby (33).jpg" style="width:200%;height:200%">
                    </div>
                    <div class="ly-txt82">
                        <p>写你想写</p>
                        <p>写你想写</p>
                        <p>写你想写</p>
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/baby (34).jpg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (35).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt84">
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                    </div>
                    <div class="ly-imgbox11" style="width:100%;height:50%;">
                        <img class="ly-img11" src="../img/baby (36).jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle82"></div>
            </div>
            <!--第六屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                    <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (37).jpg" style="width:200%;height:200%">
                    </div>
                    <div class="ly-txt82" style="top:8%">
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                        <p class="wwww1">写你想写</p>
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/baby (38).jpg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/baby (39).jpg" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt84">
                        <p>亲爱的岳和震:</p>
                        <!-- <p>展信安</p> -->
                        <p>我我我我我我我我我我我</p>
                        <p>再再再再再再再再再再</p>
                        <p>也也也也也也也也也</p>
                        <p>不不不不不不不不</p>
                        <p>改改改改改改改</p>
                        <p>别别别别别别</p>
                        <p>人人人人人</p>
                        <p>的的的的</p>
                        <p>屎山了</p>
                        <p style="font-size: 13px">---------来自改完之后的你</p>

                    </div>

                </div>
                <div class="ly-triangle82"></div>
            </div>

        </div>
        <!--试验-->
        <ul class="bg-bubbles">
            <li><img src="../img/baby (1).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (2).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (3).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (4).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (5).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (6).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (7).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (8).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (9).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (10).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (11).jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby (12).jpg" style="width:100%;height:100%"></li>
        </ul>

    </div>
    <audio src="../music/刘若英-原来你也在这里.mp3" autoplay="autoplay" loop="loop">

        <script src="../js/jquery-1.8.3.min.js"></script>
        <script src="../js/jquery.fullPage.min.js"></script>
        <script src="../js/diy.js"></script>
</body>

</html>

